/* lader content css */
.loader-top-content,.loader-bottom-content{
    background: #ffffff;
    z-index: 1020;
    text-align: center;
    margin:0 auto;
    padding: 0px 20px;
}
.loader-top-content .smain-heading,.loader-bottom-content .smain-heading{
    margin:0px;
    font-weight: 400;
    color: #090416;
    position: relative;
    background: #ffffff;
    max-width: 286px;
    margin: 0 auto;
}
.loader-top-content .smain-heading{
    animation: 2s ease-in-out 1 alternate translateodtestcards;
}
.loader-bottom-content .smain-heading{
    animation: 3s ease-in-out 1 alternate translateodtestcards;
}
.loader-top-content .sothercontent{
    animation: 4s ease-in-out 1 alternate translateodtestcards;
}
.loader-bottom-content .sothercontent{
    animation: 5s ease-in-out 1 alternate translateodtestcards;
}
.loader-top-content .sothercontent,.loader-bottom-content .sothercontent{
    margin: 0px;
    color: #848198;
}
/*  */
.loader-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 325px;
    margin: 28px 0px;
}
.loader-parent-wrapper{
    position: relative;
    padding-top: 43px;
    padding-bottom: 50px;
}
.loader-parent-wrapper .loader-border{
    position: absolute;
    border: 1px solid #848198;
    border-right: 0px;
    border-left: 0px;
    right: 0;
    left: 0;
    height: 78%;
    top: 64px;
    animation: 6s ease-in-out 1 alternate translateodtestcards;
}
.loader{
    position: absolute;
    font-size: 300px;
    width: 100%;
}
.loader-wrapper > svg:nth-child(1),.loader-wrapper > svg:nth-child(2) {
    animation: 7s ease-in-out 1 alternate translateodtestcards;
}
.loader.desktop-loader{
    display: none;
}
/* tab css */
.tabs-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 85%;
    z-index: 1020;
    position: absolute;
    bottom: 30%;
    animation: 6s ease-in-out 1 alternate translateodtestcards;
}
.tabs-wrapper .col-and-work-tab{
    color: #090416;
    font-weight: 400;
    font-size: 16px;
    padding: 14px 26px;
    background: #FFFFFF;
    border: 1px solid #848198;
    box-shadow: 0px 2px 6px rgba(9, 5, 61, 0.12);
    text-decoration: none;
    transition: .3s ease-in-out;
}
.tabs-wrapper .col-and-work-tab:hover{
    background: #090416;
    border: 1px solid #848198;
    box-shadow: 0px 2px 6px rgba(9, 5, 61, 0.12);
    color: #FFFFFF;
    transition: .3s ease-in-out;
}
.tabs-wrapper .col-and-work-tab:focus{
    background: #848198;
    border: 1px solid #848198;
    box-shadow: 0px 2px 6px rgba(9, 5, 61, 0.12);
    color: #FFFFFF;
}
@media (min-width: 992px){
.loader-parent-wrapper{
    padding: 52px 0px 66px 0px;
}
.loader-top-content .smain-heading,.loader-bottom-content .smain-heading{
    width: 100%;
    max-width: 100%;
}
.loader-top-content,.loader-bottom-content{
    max-width: 580px;
    position: relative;
}
.loader-parent-wrapper{
    position: relative;
}
.loader-wrapper{
    height: 60vh;
    margin: 0px;
}
.loader-parent-wrapper .loader-border{
    border: 1px solid #848198;
    height: 100%;
    height: 75%;
    top: 70px;
}
.tabs-wrapper{
    bottom: auto;
    width: 94%;
}
.loader.desktop-loader{
    display: flex;
}
.loader.mobile-loader{
    display: none;
}
}
@media (min-width: 1400px){
.tabs-wrapper {
    width: 84%;
}
}